<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
      <meta content="Flatroshop online shopping point" name="description">
      <meta content="logoby.us" name="author">
      <title>Flowz Dashboard</title>
      <link rel="icon" href="https://res.cloudinary.com/flowz/raw/upload/v1521729139/flowz-dashboard/favicon.ico" type="image/x-icon" />
      <link href="images/ico.png" rel="shortcut icon">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
      <!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

      <!-- <link rel="stylesheet" href="bower_components/BigVideo/css/bigvideo.css"> -->
      <link href="https://res.cloudinary.com/flowz/raw/upload/v1515762659/flowz-dashboard/bigvideo.css" rel="stylesheet"/>
      <link href="https://res.cloudinary.com/flowz/raw/upload/v1515763439/flowz-dashboard/bootstrap.min.css"rel="stylesheet"/>
      <!-- <link href="http://res.cloudinary.com/flowz/raw/upload/v1515763438/flowz-dashboard/font.css"rel="stylesheet"/> -->
      <!-- <link href="https://res.cloudinary.com/flowz/raw/upload/v1519552374/flowz-dashboard/css/custom.css"rel="stylesheet"/> -->

      <!-- <link href="./static/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> -->
      <link href="./static/css/custom.css" rel="stylesheet" type="text/css" />
      <link href="./static/css/font.css" rel="stylesheet" type="text/css" />


      <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js"></script>
      <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/wheelnav.min.js"></script>
      <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script-->
      <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/psl/1.1.20/psl.min.js"></script>
      <!-- <script type="text/javascript" src="http://www.walterzorn.de/en/scripts/wz_jsgraphics.js"></script> -->
      <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> -->
      <!-- <script src="scripts/socialCircle.js"></script>  -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

      <style>
      body {
        /* background-image: url("./src/assets/images/BoraBora-min.jpeg"); */
        background-color: #c6ecf5 !important;
      }
    </style>

  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->

    <!-- BigVideo Dependencies -->
    <!-- <script>window.jQuery || document.write('<script src="/bower_components/jquery/jquery.min.js"><\/script>')</script> -->
    <!--script src="/bower_components/jquery-ui/ui/jquery-ui.js"></script-->
    <!-- <script src="/bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script> -->
    <!-- <script src="https://vjs.zencdn.net/4.3/video.js"></script> -->

    <!-- BigVideo -->
    <!-- <script src="/bower_components/BigVideo/lib/bigvideo.js"></script> -->

    <!-- Demo -->
    <!--<script>
	    $(function() {
            var BV = new $.BigVideo({useFlashForFirefox:false});
            var vids = [
            // "https://res.cloudinary.com/flowz/video/upload/v1516272432/flowz-dashboard/City_Stadium_1.mp4",
            // "https://res.cloudinary.com/flowz/video/upload/v1516272459/flowz-dashboard/Freezy_Traffic_1.mp4",
            // "https://res.cloudinary.com/flowz/video/upload/v1516272444/flowz-dashboard/Aerial_Sailboat_at_Sunset_2.mp4",
            // "https://res.cloudinary.com/flowz/video/upload/v1516272435/flowz-dashboard/Meeting_1.mp4"
            '/vids/NY_street.mp4',
            '/vids/night_light _roads.mp4',
            '/vids/street_activity.mp4',
            '/vids/freezy_traffic.mp4',
            '/vids/sunset_lakeview.mp4',
            '/vids/Meeting.mp4',
            '/vids/water_flow.mp4',
            '/vids/mini_icy rocky_waves.mp4',
            '/vids/road_view.mp4',
            '/vids/sunset_lakeview.mp4',
            '/vids/Aerial _Sailboat _at_Sunset.mp4',
            '/vids/seaplane_half _turn.mp4',
            '/vids/winter_city_view.mp4',
            '/vids/sky_contemplation.mp4',
            '/vids/night_pier.mp4',
            '/vids/city_stadium.mp4',
            '/vids/take_off_on_water.mp4',
            '/vids/seaplane_half _turn.mp4',
        ];
        vids.sort(function() { return 0.5 - Math.random() }); // random order on load
        // // Show loading animation.
        // var playPromise =  BV;
        // console.log('playPromise', playPromise)
        // if (playPromise !== undefined) {
        //   playPromise.then(_ => {
        //     // Automatic playback started!
        //     // Show playing UI.
        //     console.log('playPromise', playPromise)
        //     BV.init();
        //     BV.showPlaylist(vids,{ambient:true, doLoop:true});
        //   })
        //   .catch(error => {
        //     // Auto-play was prevented
        //     // Show paused UI.
        //     console.log('error', error)
        //     BV.getPlayer().pause();
        //   });
        // }
        BV.init();
        BV.showPlaylist(vids,{ambient:true, doLoop:true});
	    });
    </script> -->
  </body>
</html>
